<template>
	<view>
		<view class="btn-area">			
			<button @click="activityclick()" class="static1" type="default"><view class="uni-flex uni-row"><image class="image1" src="../../../static/icon/tab/活动审批.png"></image><text class="text1">活动审批</text></view></button>
			<button @click="techerclick()" class="static2" type="default" ><view class="uni-flex uni-row"><image class="image1" src="../../../static/icon/tab/导师审批.png"></image><text class="text1">导师审批</text></view></button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			activityclick(){
				//导向活动审批页面
				console.log("转到活动审批界面");
				uni.navigateTo({
					url:'./Activityapproval/Activityapproval'
				});
			},
			techerclick(){
				//导向导师审批页面
				console.log("转到导师审批界面");
				uni.navigateTo({
					url:'./Teacherapproval/Teacherapproval'
				});
			},
		}
	}
</script>

<style>
	.static1{
		color: #3189c3;
		background-color: #72cdf3;
		width: 200px;
		height: 100px;
		margin-top: 30%;
		text-align: center;
		font-size:25px;

	}
	.static2{
		color: #e72eff;
		background-color: #fc8fff;
		width: 200px;
		height: 100px;
		margin-top: 10%;
		text-align: center;
		font-size:25px;

	}
	.image1{
		width: 35px;
		height: 35px;
		margin-top: 20%;
	}
	.text1{
		margin-top: 10%;
		margin-left: 5%;
	}
</style>
